<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page pageEncoding="UTF-8" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<title>ช่างมานพ อะไหล่รถยนต์ มือสอง ของแท้</title>
		<link rel="stylesheet" type="text/css" href="resources/css/manopservice/style.css" media="all" />
	
	
		<!-- Javascript Files -->
		<script type="text/javascript" src="resources/js/jquery-1.8.2.js"></script>	
		<script type="text/javascript" src="resources/js/fancybox/jquery.fancybox-1.3.4.js"></script> <!-- Big Image -->
		<script type="text/javascript" src="resources/js/image-slider/js-image-slider.js" ></script> <!-- Image Slider -->
		<script type="text/javascript" src="resources/js/easy-ticker/jquery.easy-ticker.js" ></script> <!-- Ticker -->
		
		<!--CSS FILES-->
		
		<link rel="stylesheet" type="text/css" href="resources/css/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="resources/css/image-slider/js-image-slider.css" media="screen"/>
		
		
		<script type="text/javascript">
	
			jQuery(document).ready(function() {	
				$("a#fancybox").fancybox();
			});
			
			
			 $(document).ready(function(){
				$('.boxTicker').easyTicker({
					visible: 5,
					interval: 1500,
					direction: 'up'
				});
				
				$('#loader').hide();
				$('#show_heading').hide();			
				
			}); 		 
		</script>
<!-- End of Javascript Files -->
</head>
<body>

<div id="art-page-background-middle-texture">
<!-- Shell -->
<div class="shell">
	
	<!-- Header -->
	<div id="header">	
	</div>
	<!-- End Header -->
	
	<!-- Navigation -->
	<div class="bgMenu">		
		<div id="nav">
			<ul>
				<li><a class="active" href="#">หน้าแรก</a></li>
				<li><a href="#">วิธีการชำระเงิน</a></li>
				<li><a href="#">ติดต่อเรา</a></li>
				<li><a href="welcome.html">Admin</a></li>
			</ul>
		</div>
	</div>
	<!-- End Navigation -->
	
	<!-- Line -->
	<div id="line">	
	</div>
	<!-- End Line -->

	<!-- Content -->
	<div class="shellContent">
	<div id="content">
		
		<!-- Sidebar -->
		<div id="sidebar">
			
			<!-- Search -->
			<form action="" class="search" method="post">
				<div class="cl">&nbsp;</div>
				<input type="text" class="field blink" value="search" title="search" />
				<div class="btnp"><input type="submit" value="go" /></div>
				<div class="cl">&nbsp;</div>
			</form>
			<!-- End Search -->
			
			<!-- Sign In Links -->
			<!-- div class="links">
				<div class="cl">&nbsp;</div>
				<a href="#" class="left">Sign In</a>
				<a href="#" class="right">Create account</a>
				<div class="cl">&nbsp;</div>
			</div>
			<!-- End Sign In Links -->
			
			<!-- Box Latest News -->
			<h2>รายการอะไหล่ ล่าสุด</h2>
			<div class="box">	
				<div class="boxTicker">
				<ul>
					<li>
						<a href="#" class="image" ><img src="resources/css/manopservice/images/thumb1.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">HONDA  CIVIC</a></h5>
							<p>เข็มขัดล็อกด้านหลัง ขวา-ซ้าย L-R มือสอง ของแท้ ราคา ตัวละ 650 </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/thumb2.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">TOYOTA VIGO </a></h5>
							<p>ฝาปิดตัวถังน้ำมันข้างกระบะ มือสอง ของแท้ ราคา 400 </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/thumb3.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">FORD RANGER</a></h5>
							<p>หม้อลมเบรค มือสอง ของแท้ ราคา 2500</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/thumb4.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">ISUZU D-MAX</a></h5>
							<p>มือเปิดใน ข้างซ้าย-L มือสอง ของแท้ ราคา 350</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/thumb3.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">FORD RANGER</a></h5>
							<p>หม้อลมเบรค มือสอง ของแท้ ราคา 2500</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/thumb3.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">FORD RANGER</a></h5>
							<p>หม้อลมเบรค มือสอง ของแท้ ราคา 2500</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
				</ul>
				</div>
				<a href="#" class="up">See more</a>
				<div class="cl">&nbsp;</div>
			</div>
			<!-- End Box Latest News -->
			
			<!-- Box Latest Reviews -->
			<h2>หมวดรายการอะไหล่</h2>
			<div class="box">				
				<ul>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_01-toyota.jpg" alt="" onclick="javascript:getCarPart('TOYOTA')"/></a>
						<div class="info">
							<h5>
								<a class="image width" onclick="javascript:getCarPart('TOYOTA')">TOYOTA</a>
							</h5>
							<p>
								<a class="itemInfo" onclick="javascript:getCarPart('ALTIS', 1)">Altis</a>, 
								<a class="itemInfo" onclick="javascript:getCarPart('CAMRY', 1)">Camy</a>, 
								<a class="itemInfo" onclick="javascript:getCarPart('COROLLA', 1)">Corolla</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('FORTUNER', 1)">Fortuner</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('HERO', 1)">Hero</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('MIGHTY-X', 1)">Mighty-X</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('SOLUNA', 1)">Soluna</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('TIGER', 1)">Tiger</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('VIGO', 1)">Vigo</a>, 
								<a class="itemInfo" onclick="javascript:getCarPart('VIOS', 1)">Vios</a>, 
								<a class="itemInfo" onclick="javascript:getCarPart('YARIS', 1)">Yaris</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('HIACE', 1)">Hiace</a>,
								<a class="itemInfo" onclick="javascript:getCarPart('UNKNOW MODEL NAME',0)">ไม่ทราบรุ่น</a>
								
							</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_02-isuzu.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">ISUZU</a></h5>
							<p>D-Max, Hilander, Dragon Eyes </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_03-honda.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">HONDA</a></h5>
							<p>Accord, Civic, City</p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_04-chevrolet.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">CHEVROLET</a></h5>
							<p>Aveo, Cororado </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_05-ford.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">FORD</a></h5>
							<p>Ranger, Escape </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_06-nissan.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">NISSAN</a></h5>
							<p>Navara, Big M </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_07-mitsubishi.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">MITSUBISHI</a></h5>
							<p>Strada, Triton, Cyclone </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_08-bmw.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">BMW</a></h5>
							<p>E21, E30, E36, E46 </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_09-benz.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">BENZ</a></h5>
							<p>Aveo, Cororado </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
					<li>
						<a href="#" class="image"><img src="resources/css/manopservice/images/logo_10-hyundai.jpg" alt="" /></a>
						<div class="info">
							<h5><a href="#">HYUNDAI</a></h5>
							<p>Sonata </p>
						</div>	
						<div class="cl">&nbsp;</div>
					</li>
				</ul>
				<div class="cl">&nbsp;</div>
			</div>
			<!-- End Box Latest Reviews -->
			
		</div>
		<!-- End Sidebar -->
		
		
		<!-- Main -->
		<div id="main">
			
			<!-- Image Slider -->
			<div id="sliderFrame">
				<div id="ribbon"></div>
				<div id="slider">
					<a href="http://www.menucool.com/vertical/accordion-menu" target="_blank">
						<img src="resources/css/manopservice/images/image-slider-1.jpg" alt="ช่างมานพ อะไหล่รถยนต์ มือสอง ของแท้ ราคากันเอง รับส่งทั่วประเทศ" />
					</a>
					<img src="resources/css/manopservice/images/image-slider-2.jpg" alt="มีอะไหล่บอดี้ มาใหม่หลายรายการ เจ้าของอู่ซ่อมรถ สนใจติดต่อ ได้ ที่เบอร์โทร 089-7537410" />
					<img src="resources/css/manopservice/images/image-slider-3.jpg" alt="HONDA ACCORD ปี 2011 ไฟท้าย L R ของใหม่ของแท้ยังไม่ได้ใช้งาน ลูกค้าจะซื้อ หรือสั่งเอาไปขายสนใจติดต่อ ช่างมานพ เบอร์โทร 089- 7537410" />
					<img src="resources/css/manopservice/images/image-slider-4.jpg" alt="มีบริการเปลี่ยนอะไหล่ " />
					<img src="resources/css/manopservice/images/image-slider-5.jpg" alt="ช่างมานพ รับปรึกษาปัญหารถยนต์ " />
				</div>
				<div id="htmlcaption" style="display: none;">
					<em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
				</div>
			</div>	
			<!-- End Image Slider -->
			
			<div class="cl">&nbsp;</div>
			<!-- End Top Image -->
			
			
			<!-- Box -->
			<div>
				<h2>Car Auto Spare</h2>		
				
			<!-- ------------- Row 1 ------------- -->   		
      		<div id="content_carpart" align="center">
				<img src="resources/css/manopservice/images/loader.gif"
					style="margin-top: 8px; float: left" id="loader" alt="" />
			</div>      		
			<!-- -------------------------------------- -->		
         	            
            <div class="cleaner"></div>           
       		
			</div>
		</div>
			<!-- End Box -->
			
		
		</div>
		<!-- Facebook LikeBox-->
         <div>
            <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
			<iframe class="facebook-likebox" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/manopservice&amp;width=920&amp;height=260&amp;colorscheme=dark&amp;show_faces=true&amp;stream=false&amp;header=false&amp;appId=418623311538891" scrolling="no" frameborder="0"></iframe>
         </div>
		<!-- End Main -->
		<div class="cl">&nbsp;</div>
		
	</div>
	</div>
	<!-- End Content -->
	<!-- End shellContent -->
	
	<!-- Footer -->
	<div class="shell">
	<div id="footer">
		<p>&copy; Sitename.com. Design by <a href="http://manopservice.blogspot.com/">manopservice.blogspot.com</a></p>
	</div>
	</div>
	<!-- End Footer -->
</div>
<!-- End Shell -->	
	
</body>
</html>